<template>
	<view class="inform">
		<view class="inform-wrap">
			<view class="name">{{propName}}</view>
			<view class="person-num name" v-if="propNum">({{propNum}})</view>
			<view class="department">{{propDepartment}}</view>
		</view>
		<view class="leave-reason" v-if="leaveHide">{{propLeaveReason}}</view>
	</view>
</template>

<script>
	export default {
		name:"person-infrom",
		data() {
			return {
			};
		},
		props:{
			propName:{
				type:String,
				default:'xxx'
			},
			propNum:{
				type:String,
				default:'000000'
			},
			propDepartment:{
				type:String,
				default:'xxxx'
			},
			isHide:{
				type:Boolean,
				default:false
			},
			propLeaveReason:{
				type:String,
				default:'病假'
			},
			leaveHide:{
				type:Boolean,
				default:false
			}
		},
		created() {
			
		},
		computed:{
			
		}
	}
</script>

<style lang="scss" >
	.inform{
		display: flex;
		flex-direction: column;
		justify-content: center;
		.inform-wrap{
			display: flex;
			.name{
				font-size: 32rpx;
				color: #121F2C;
				font-weight: bold;
			}
			.person-num{
				margin-left: 8rpx;
			}
			.department{
				margin-left: 8rpx;
				font-size: 24rpx;
				color: #A7A3A3;
				display: flex;
				align-items: flex-end;
			}
		}
		.leave-reason{
			font-size: 32rpx;
			color: #121F2C;
			font-weight: bold;
		}
	}
</style>
